<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[]>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Welcome to Teacher Class Evaluation System.</title>



        <link rel="stylesheet" href="/TCESystem/css/style.css" type="text/css" media="screen" />
        <!--[if IE 6]><link rel="stylesheet" href="/TCESystem/css/style.ie6.css" type="text/css" media="screen" /><![endif]-->
        <!--[if IE 7]><link rel="stylesheet" href="/TCESystem/css/style.ie7.css" type="text/css" media="screen" /><![endif]-->

        <script type="text/javascript" src="/TCESystem/js/jquery.js"></script>
        <script type="text/javascript" src="/TCESystem/js/script.js"></script>

    </head>
    <body>
        <div id="art-main">
            <div class="cleared reset-box"></div>
            <div class="art-header">
                <div class="art-header-position">
                    <div class="art-header-wrapper">
                        <div class="cleared reset-box"></div>
                        <div class="art-header-inner">
                            <div class="art-headerobject">
                                <!--                    <p><a href="#">Change Password</a> | <a href="#">Logout</a></p>-->
                            </div>
                            <div class="art-logo">
                                <h1 class="art-logo-name"><a href="/TCESystem/home/view">Teacher Class Evaluation System</a></h1>
                                <h2 class="art-logo-text">Panpacific University North Philippines</h2>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="cleared reset-box"></div>
            <div class="art-box art-sheet">
                <div class="art-box-body art-sheet-body">
                    <div class="art-layout-wrapper">
                        <div class="art-content-layout">
                            <div class="art-content-layout-row">
                                <div class="art-layout-cell art-content">
                                    <div class="art-box art-post">
                                        <div class="art-box-body art-post-body">
                                            <div class="art-post-inner">
                                                <div style="clear:both; float: left; width: 100%;">
                                                    <div class="tce-green-font tce-padding">
                                                        <p class="tce-bold-font">NOTE :</p>
                                                        <p>* If this is your first time to login, please use your school ID number as your password.</p>
                                                        <p>* If your still using the default password, please change it after login.</p>
                                                    </div>

                                                    <!-- below is the login form-->
                                                    <div class="art-box art-post tce-gray-bg tce-300-width tce-center-element tce-big-margin-top tce-border">
                                                        <div class="art-box-body ">
                                                            <h3 class="tce-green-bg tce-padding tce-white-font">Please login.</h3>
                                                            <div class="art-post-inner art-post-body">

                                                                <div class="art-postcontent">
                                                                    <form id="loginForm" name="loginForm" action="/TCESystem/student/authentication" method="post">

                                                                        <table class="" cellspacing="0" cellpadding="0" style="width: 100%; padding: 5px;">
                                                                            <tr class="Controls">
                                                                                <td class="th"><label for="studentIDNumber">ID Number :</label></td>
                                                                                <td><input type="text" name="studentIDNumber" value="" id="studentIDNumber" style="width: 95%; margin: 5px 0;" /></td>
                                                                            </tr>
                                                                            <tr class="Controls">
                                                                                <td class="th"><label for="studentPassword">Password :</label></td>
                                                                                <td><input type="password" name="studentPassword" value="" id="studentPassword" style="width: 95%; margin: 5px 0;" /></td>
                                                                            </tr>
                                                                            <tr class="Bottom">
                                                                                <td align="right" colspan="2">
                                                                                    <input type="submit" name="DoSearch" class="art-button" value="Login" />
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </form>
                                                                    <s:actionerror />
                                                                </div>
                                                                <div class="cleared"></div>

                                                            </div>

                                                            <div class="cleared"></div>
                                                        </div>
                                                    </div>


                                                </div>
                                            </div>
                                            <div class="cleared"></div>
                                        </div>
                                    </div>
                                    <div class="cleared"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="cleared"></div>
                    <%-- footer --%>
                    <jsp:include page="components/footerComponent.jsp"/>
                    <div class="cleared"></div>
                </div>
            </div>
            <div class="cleared"></div>
        </div>

    </body>
</html>
